#back {
  width: 100%;
}
#home {
  width: 100%;
}
#home .home-swiper {
  width: 100%;
}
#home .home-swiper img {
  width: 100%;
  height: 100%;
}
#home .home-swiper .swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #fff;
  border-radius: unset;
}
#home .home-swiper .swiper-button-prev::after {
  font-size: 2rem;
}
#home .home-swiper .swiper-button-next::after {
  font-size: 2rem;
}
#item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#item .hot {
  display: flex;
  width: 80%;
  align-items: center;
  justify-content: space-between;
}
#item .hot .tuwen {
  width: 60%;
  flex-shrink: 0;
}
#item .hot .tuwen .wen {
  text-align: right;
}
#item .hot .tuwen .wen .h9 {
  font-size: 3.5rem;
  color: #2a2a2a;
}
#item .hot .tuwen .wen .p {
  font-size: 1.2rem;
  color: #9b9b9b;
}
#item .hot .tuwen .datu {
  position: relative;
  flex-shrink: 0;
  width: 30%;
}
#item .hot .tuwen .datu .shangbiao {
  position: absolute;
}
#item .hot .tuwen .datu .lieren {
  width: 100%;
  height: 100%;
}
#item .hot .tuwen > .picture {
  width: 100%;
  height: 30%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  margin-top: 1vw;
}
#item .hot .tuwen > .picture img {
  width: 48%;
  height: 48%;
  margin-bottom: 1rem;
}
#item .hot .shangbiao {
  writing-mode: vertical-lr;
  width: 4rem;
  height: 6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
#item .hot .shangbiao .zi {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: red;
  font-size: 2rem;
  color: #fff;
}
#item .hot .shangbiao .sanjiao {
  width: 0;
  height: 0;
  border-bottom: solid 1rem #fff;
  border-left: solid 2rem transparent;
  border-right: solid 2rem transparent;
  position: absolute;
  bottom: 0;
}
#item .zhugong {
  display: flex;
  width: 80%;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
}
#item .zhugong .tuwen {
  width: 60%;
  flex-shrink: 0;
}
#item .zhugong .tuwen .wen {
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#item .zhugong .tuwen .wen .h9 {
  font-size: 3.6rem;
  color: #2a2a2a;
}
#item .zhugong .tuwen .wen .text {
  display: flex;
}
#item .zhugong .tuwen .wen .text .p {
  font-size: 1.2rem;
  color: #ababab;
}
#item .zhugong .tuwen .zhugongbox {
  position: relative;
  flex-shrink: 0;
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 1rem;
}
#item .zhugong .tuwen .zhugongbox .shangbiao {
  position: absolute;
}
#item .zhugong .tuwen .zhugongbox .zhugongimg {
  width: 100%;
  height: 100%;
}
#item .zhugong .tuwen > .picture {
  width: 100%;
  height: 30%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  margin-top: 1vw;
}
#item .zhugong .tuwen > .picture img {
  width: 48%;
  height: 48%;
  margin-bottom: 1rem;
}
#item .gengduo {
  width: 70%;
}
#item .gengduo > h3 {
  font-size: 36px;
  padding-left: 1rem;
}
#item .gengduo .tuji {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#item .gengduo .tuji .tukuai {
  width: 25%;
  margin: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#item .gengduo .tuji .tukuai img {
  width: 100%;
  height: 100%;
}
#item .gengduo .tuji .tukuai > p {
  color: #000;
  font-size: 1.4rem;
  margin-top: 1rem;
}
#item .gengduo .tuji .tukuai .tu {
  width: 100%;
  position: relative;
}
#item .gengduo .tuji .tukuai .tu .tu-hover {
  position: absolute;
  top: 0;
  padding: 1rem;
  background-color: #000000;
  opacity: 0;
  font-size: 6px;
  color: #ffffff;
  width: 100%;
  height: 100%;
}
#item .gengduo .tuji .tukuai:hover .tu-hover {
  opacity: 0.4;
}
#botton {
  background-color: #3b3b3b;
  width: 100%;
  height: 15vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
#botton .botton-center {
  width: 80%;
  height: 10vw;
  display: flex;
}
#botton .botton-center .botton-left {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #91939a;
}
#botton .botton-center .botton-left .infotmation {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#botton .botton-center .botton-left .infotmation .text {
  margin-right: 2vw;
}
#botton .botton-center .botton-left .infotmation .down {
  padding-left: 1vw;
  margin-top: 1vw;
}
#botton .botton-right {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
#botton .botton-right .botton-box {
  margin-left: 2vw;
}
#botton .botton-right .botton-wechat {
  margin-left: 2vw;
}
#botton .botton-right .botton-wechat .erweima {
  display: none;
}
#botton .botton-right .botton-wechat:hover .erweima {
  display: block;
  position: absolute;
  transform: translate(-7vw, -20vw);
}
